<template>
  <router-view />
</template>

<style>
:root {
  --primary: #1e3a8a;
  --primary-hover: #1e40af;
  --text: #1a1a1a;
  --text-light: #64748b;
  --text-muted: #94a3b8;
  --bg: #f7f9fc;
  --white: #ffffff;
  --border: #e2e8f0;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --card-bg: #ffffff;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.md-editor-preview img {
  max-width: 50% !important;
}

div.default-theme img {
  margin: 0 !important;
}

.md-editor.md-editor-previewOnly {
  background-color: transparent !important;
  border: none !important;
}
</style>